
import Toast, { BaseToast, ErrorToast }  from 'react-native-toast-message';
export const toastConfig = {
    /*
        Overwrite 'success' type,
        by modifying the existing `BaseToast` component
    */
    success: (props) => (
        <BaseToast
        {...props}
        style={{ borderLeftColor: 'green',backgroundColor:'rgba(0,0,0,0.5)', opacity:0.5 }}
        contentContainerStyle={{ paddingHorizontal: 15 }}
        text1Style={{
            fontSize: 15,
            fontWeight: '400'
        }}
        />
    ),
    /*
        Overwrite 'error' type,
        by modifying the existing `ErrorToast` component
    */
    error: (props) => (
        <ErrorToast
        {...props}
        style={{ borderLeftColor: 'green',backgroundColor:'rgba(255,255,255,0.7)',  }}
        text1Style={{
            fontSize: 17,
            color: '#333'
        }}
        text2Style={{
            fontSize: 15,
            color: '#333'
        }}
        />
    ),
    /*
        Or create a completely new type - `tomatoToast`,
        building the layout from scratch.

        I can consume any custom `props` I want.
        They will be passed when calling the `show` method (see below)
    */
    tomatoToast: ({ text1, props }) => (
        <View style={{ height: 60, width: '100%', backgroundColor: 'tomato' }}>
        <Text>{text1}</Text>
        <Text>{props.uuid}</Text>
        </View>
    )
};